<div>
  <p-panel header="基本信息" [toggleable]="true">
    <div class="row">
      <div class="form-group col-md-4">
        <label for="supplierUnit">申请单编号： </label>
        <label>{{ _processingDeliveryDto.requisitionCode}}</label>
      </div>
      <div class="form-group col-md-4">
        <label for="supplierUnit">生产单位： </label>
        <label>{{ _processingDeliveryDto.productionUnit}}</label>
      </div>
      <div class="form-group col-md-4">
        <label for="supplierUnit">供方单位： </label>
        <label>{{ _processingDeliveryDto.supplierUnit}}</label>
      </div>
    </div>
  </p-panel>
  <p-panel>
    <p-header>
      外包项目供方
    </p-header>
    <div class="row" style="overflow: auto;">
      <div class="align-items-center">
        <!--<Primeng-TurboTable-Start>-->
        <div class="primeng-datatable-container">
          <p-table #dataTable [value]="datatablevalues" rows="{{rows}}" [paginator]="false" [lazy]="true"
            [scrollable]="true" ScrollWidth="100%">
            <ng-template pTemplate="header">
              <tr>
                <th style="width: 100px" rowspan="2"> 序号</th>
                <th style="width: 150px" rowspan="2">任务编号</th>
                <th style="width: 150px" rowspan="2">产品图号 </th>
                <th style="width: 150px" rowspan="2">产品名称</th>
                <th style="width: 150px" rowspan="2">数量 </th>
                <th style="width: 150px" rowspan="2">加工状态 </th>
                <th [ngStyle]="{'width':canvasWidth+'px'}"  [ngClass]="{'badCurly':true}" [attr.colspan]="suppliers.length">厂家报价 </th>
                <th style="width: 250px" rowspan="2">选定厂家 </th>
                <th style="width: 150px" rowspan="2">选定原因 </th>
                <th style="width: 150px" rowspan="2">备注 </th>
              </tr>
              <tr>
                <th *ngFor="let item of suppliers" style="width: 150px">
                  {{item}}
                </th>
              </tr>
            </ng-template>
            <ng-template pTemplate="body" let-record let-ri='rowIndex'>
              <tr [pEditableRow]='record'>
                <td style="width: 100px">
                  {{ri+1}}
                </td>
                <td style="width: 150px">
                  <span class="m--font-boldest"> {{record.taskCode}}</span>
                </td>
                <td style="width: 150px">
                  <span class="m--font-boldest"> {{record.picNo}}</span>
                </td>
                <td style="width: 150px">
                  <span class="m--font-boldest"> {{record.taskName}}</span>
                </td>
                <td style="width: 150px">
                  <span class="m--font-boldest"> {{record.outsouringAmount}}</span>
                </td>
                <td style="width: 150px">
                  <span class="m--font-boldest"> {{record.workStatus}}</span>
                </td>
                <td *ngFor="let item of suppliers; let i =index" style="width: 230px">
                  {{getSupplierQuotation(item,ri)}}
                </td>
                <td style="width: 250px">
                  {{record.supplierName}}
                </td>
                <td style="width: 150px">
                  {{record.reason}}
                </td>
                <td style="width: 150px">
                  <span class="m--font-boldest"> {{record.remark}}</span>
                </td>
              </tr>
            </ng-template>
          </p-table>
          <div class="primeng-no-data" *ngIf="rows == 0">
            {{'NoData' | localize}}
          </div>
          <div class="primeng-paging-container">
            <span class="total-records-count">
              {{'TotalRecordsCount' | localize:rows}}
            </span>
          </div>
        </div>
      </div>
    </div>
    <p-footer>
      <div class="row" style="padding-left: 2%;">
        <button [disabled]="saving" type="button" class="btn btn-default" (click)="audityes()">
          同意
        </button>
        <button type="button" (click)="auditno()" class="btn btn-primary2" [buttonBusy]="saving">
          <i class="fa fa-save"></i> <span>不同意</span>
        </button>
      </div>
    </p-footer>
  </p-panel>

</div>